<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd 

">
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>标题</title>
<!--[if lt IE 9]>

<script src="<%=basePath%>js/jquery-1.11.3.js"></script>    

<![endif]-->
<!--[if gte IE 9]><!-->
<script src="<%=basePath%>js/jquery-3.1.1.js"></script>
<!--<![endif]-->
<script>
  function bt1click(){	  
	  vurl = "<%=basePath%>s/ajax";

		$.get(vurl, function(result, status) {
			obj = JSON.parse(result)
			//$("#div1").html(obj.length);

			//	for (v=0;v<obj.length;v++) {

			for (v in obj) {
				var data = obj[v];
				$("#div1").find('ul').append('<li> name=' + data.name + ' ,price  ' + data.name+ '</a></li>');
			}

		});
	}
</script>
</head>
<body>
	<div class="container">
		<div class="row clearfix">
			<div class="col-md-8 column">
				<div class="carousel slide" id="carousel-251156">
					<ol class="carousel-indicators">
						<li class="active" data-slide-to="0"
							data-target="#carousel-251156"></li>
						<li data-slide-to="1" data-target="#carousel-251156"></li>
						<li data-slide-to="2" data-target="#carousel-251156"></li>
					</ol>
					<div class="carousel-inner">
						<div class="item active">
							<img alt="" src="v3/default.jpg" />
							<div class="carousel-caption">
								<h4>First Thumbnail label</h4>
								<p>Cras justo odio, dapibus ac facilisis in, egestas eget
									quam. Donec id elit non mi porta gravida at eget metus. Nullam
									id dolor id nibh ultricies vehicula ut id elit.</p>
							</div>
						</div>
						<div class="item">
							<img alt="" src="v3/default1.jpg" />
							<div class="carousel-caption">
								<h4>Second Thumbnail label</h4>
								<p>Cras justo odio, dapibus ac facilisis in, egestas eget
									quam. Donec id elit non mi porta gravida at eget metus. Nullam
									id dolor id nibh ultricies vehicula ut id elit.</p>
							</div>
						</div>
						<div class="item">
							<img alt="" src="v3/default2.jpg" />
							<div class="carousel-caption">
								<h4>Third Thumbnail label</h4>
								<p>Cras justo odio, dapibus ac facilisis in, egestas eget
									quam. Donec id elit non mi porta gravida at eget metus. Nullam
									id dolor id nibh ultricies vehicula ut id elit.</p>
							</div>
						</div>
					</div>
					<a class="left carousel-control" href="#carousel-251156"
						data-slide="prev"><span
						class="glyphicon glyphicon-chevron-left"></span></a> <a
						class="right carousel-control" href="#carousel-251156"
						data-slide="next"><span
						class="glyphicon glyphicon-chevron-right"></span></a>
				</div>
				<table class="table">
					<thead>
						<tr>
							<th>编号</th>
							<th>产品</th>
							<th>交付时间</th>
							<th>状态</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>1</td>
							<td>TB - Monthly</td>
							<td>01/04/2012</td>
							<td>Default</td>
						</tr>
						<tr class="success">
							<td>1</td>
							<td>TB - Monthly</td>
							<td>01/04/2012</td>
							<td>Approved</td>
						</tr>
						<tr class="error">
							<td>2</td>
							<td>TB - Monthly</td>
							<td>02/04/2012</td>
							<td>Declined</td>
						</tr>
						<tr class="warning">
							<td>3</td>
							<td>TB - Monthly</td>
							<td>03/04/2012</td>
							<td>Pending</td>
						</tr>
						<tr class="info">
							<td>4</td>
							<td>TB - Monthly</td>
							<td>04/04/2012</td>
							<td>Call in to confirm</td>
						</tr>
					</tbody>
				</table>
			</div>
			<div class="col-md-4 column">
				<div class="tabbable" id="tabs-730161">
					<ul class="nav nav-tabs">
						<li><a href="#panel-710335" data-toggle="tab">Section 1</a></li>
						<li class="active"><a href="#panel-30900" data-toggle="tab">Section
								2</a></li>
					</ul>
					<div class="tab-content">
						<div class="tab-pane" id="panel-710335">
							<p>I'm in Section 1.</p>
						</div>
						<div class="tab-pane active" id="panel-30900">
							<p>Howdy, I'm in Section 2.</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="div1">
		<ul></ul>
	</div>
	<button onclick="bt1click()">按一下 请求 servlet json</button>
	<form>
		<input type="text" name="name" id="name" value="" />
	</form>
</body>
</html>
